<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="__STATIC__/assets/arr_css/bootstrap.min.css">
    <link rel="stylesheet" href="__STATIC__/assets/order/headtwo.css">
    <!-- <link href="__STATIC__/layer/layui.css" rel="stylesheet" type="text/css" /> -->
    <title>账户信息</title>
    <link rel="stylesheet" href="__STATIC__/assets/account/account.css">
    <link href="__STATIC__/layer/layui.css" rel="stylesheet" type="text/css" />


</head>

<body>
    {include file="public/core_top"}
    <div class="content">
       {include file="public/left"}
        <div class="content_right" style="margin-top:20px;">
            <div class="content_right_title">账户信息</div>

            <form class="layui-form" action="" lay-filter="example" style="padding-top: 10px; border-top: 1px solid #ed6560">
                <div class="layui-form-item" style="margin-bottom: 5px;">
                    <label class="layui-form-label" style="width: 90px;">账号昵称</label>
                    <div class="layui-input-block">
                        <input type="text" name="idname" lay-verify="title" autocomplete="off" placeholder="" class="layui-input" style="width: 200px;">
                    </div>
                </div>
                <div class="layui-form-item" style="margin-bottom: 5px;">
                    <label class="layui-form-label" style="width: 90px;">真实姓名</label>
                    <div class="layui-input-block">
                        <input type="text" name="zsname" lay-verify="title" autocomplete="off" placeholder="" class="layui-input" style="width: 200px;">
                    </div>
                </div>


                <div class="layui-form-item" style="margin-bottom: 5px;display:flex;">
                    <label class="layui-form-label" style="width: 90px;">性别</label>
                     <div class="layui-input-block" style="margin-left:20px;">
                      <select name="interest" lay-filter="aihao">
                        <option value=""></option>
                        <option value="0">保密</option>
                        <option value="1" selected="">男</option>
                        <option value="2">女</option>                     
                      </select>
                    </div>
                    <div class="layui-inline" style="margin-bottom: 5px;">
                        <label class="layui-form-label" style="width: 90px;margin-right: 20px;">生日</label>
                        <div class="layui-input-inline">
                            <input type="date" name="date"  class="layui-input">
                            <!-- <input type="date"> -->
                        </div>
                    </div>
                </div>

                <div class="layui-form-item" style="margin-bottom: 5px;">
                    <label class="layui-form-label" style="width: 90px;">所在地区</label>
                    <div class="layui-input-block">
                        <input type="text" name="dizhi" lay-verify="title" autocomplete="off" placeholder="" class="layui-input" style="width: 515px;">
                    </div>
                </div>
                <div class="layui-form-item" style="margin-bottom: 15px;">
                    <div class="layui-inline">
                        <label class="layui-form-label" style="width: 90px;margin-right: 20px;">手机号码</label>
                        <div class="layui-input-inline">
                            <input type="tel" name="phone" lay-verify="required|phone" autocomplete="off" class="layui-input">
                        </div>
                    </div>
                </div>

                <div class="layui-form-item">
                    <div class="layui-input-block">
                        <button class="layui-btn" lay-submit="" lay-filter="demo1" style="background: #ed6560;border-radius: 5px;">立即保存</button>
                    </div>
                </div>
            </form>



           

        </div>


    </div>

   {include file="public/core_footer"}


</body>
<script src="__STATIC__/assets/arr_css/jquery-3.3.1.js"></script>
<script type="text/javascript" src="__STATIC__/assets/arr_css/jquery.SuperSlide2.js"></script>
<script src="__STATIC__/assets/arr_css/bootstrap.min.js"></script>
<script src="__STATIC__/assets/account/layui/layui.js"></script>
<script src="__STATIC__/assets/account/account.js"></script>
<script>
layui.use(['form', 'layedit', 'laydate'], function() {
var form = layui.form,
layer = layui.layer,
layedit = layui.layedit,
laydate = layui.laydate;

//日期
laydate.render({
elem: '#date'
});
laydate.render({
elem: '#date1'
});

//创建一个编辑器
var editIndex = layedit.build('LAY_demo_editor');

//自定义验证规则
form.verify({
title: function(value) {
if (value.length < 2) {
return '请输入至少两个字符';
}
}
});


//监听提交
form.on('submit(demo1)', function(data) {
layer.alert(JSON.stringify(data.field), {
title: '保存成功'
})
return false;
});


form.val('example', {
"idname": "莫愁商城",
"zsname": "ONE",
"phone": "13797784481",
"sex": "男",
"date": "1994-06-08",
"dizhi": "湖北武汉江岸区建设大道广发银行大厦36F"
})


});
</script>
</html>